@extends('wap.layouts.master')
@section('title','我的订单')

@section('content')

<div class="aw-main aw-user aw-user-order">
	<div class="aw-bg-fff aw-assest-tab">
		<ul class="aw-tab-list">
			<li class="aw-tab-li hover"><a href="javascript:;">全部</a></li>
			<li class="aw-tab-li"><a href="javascript:;">已订场</a></li>
			<li class="aw-tab-li"><a href="javascript:;">已匹配</a></li>
			<li class="aw-tab-li"><a href="javascript:;">已完成</a></li>
			<li class="aw-tab-li"><a href="javascript:;">待评价</a></li>
		</ul>
	</div>
	<ul class="aw-order-list">
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-4FB5FD">已订场</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="tel:13554239409" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
				<div class="aw-order-li-foot-right"><a href="javascript:;" class="aw-assest-btn aw-btn-radius aw-btn-bordercolor-lvse">取消订单</a></div>
			</div>
		</li>
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-999">已取消</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="javascript:;" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
			</div>
		</li>
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-1">已匹配</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="javascript:;" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<ul class="aw-assest-list aw-assest-vs-match">
				<li class="aw-bg-fff aw-list-li">
					<div class="aw-li-desc aw-vs-desc">
						<div class="aw-vs-desc-zhandui aw-pr20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<div class="aw-vs-desc-zhandui aw-pl20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<p class="aw-color-FF5450 aw-vs-desc-vs">VS</p>
					</div>
				</li>
			</ul>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
				<div class="aw-order-li-foot-right"><a href="/wap/order/info-matching" class="aw-assest-btn aw-btn-radius aw-btn-bordercolor-lvse">查看比赛信息</a></div>
			</div>
		</li>
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-F44747">未匹配</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="javascript:;" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<ul class="aw-assest-list aw-assest-vs-match">
				<li class="aw-bg-fff aw-list-li">
					<div class="aw-li-desc aw-vs-desc">
						<div class="aw-vs-desc-zhandui aw-pr20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<div class="aw-vs-desc-zhandui aw-pl20">
							<p class="aw-text-center">待定</p>
						</div>
						<p class="aw-color-FF5450 aw-vs-desc-vs">VS</p>
					</div>
				</li>
			</ul>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
			</div>
		</li>
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-999">已取消</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="javascript:;" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<ul class="aw-assest-list aw-assest-vs-match">
				<li class="aw-bg-fff aw-list-li">
					<div class="aw-li-desc aw-vs-desc">
						<div class="aw-vs-desc-zhandui aw-pr20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<div class="aw-vs-desc-zhandui aw-pl20">
							<p class="aw-text-center">待定</p>
						</div>
						<p class="aw-color-FF5450 aw-vs-desc-vs">VS</p>
					</div>
				</li>
			</ul>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
			</div>
		</li>
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-FFA800">待评价</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="javascript:;" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<ul class="aw-assest-list aw-assest-vs-match">
				<li class="aw-bg-fff aw-list-li">
					<div class="aw-li-desc aw-vs-desc">
						<div class="aw-vs-desc-zhandui aw-pr20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<div class="aw-vs-desc-zhandui aw-pl20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<p class="aw-color-FF5450 aw-vs-desc-vs">VS</p>
					</div>
				</li>
			</ul>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
				<div class="aw-order-li-foot-right"><a href="/wap/order/info-evaluate" class="aw-assest-btn aw-btn-radius aw-btn-bordercolor-lvse">去评价</a></div>
			</div>
		</li>
		<li class="aw-bg-fff aw-order-li">
			<div class="aw-order-li-top">
				<div class="aw-order-li-top-left aw-float-left">订单编号：24854151651</div>
				<div class="aw-order-li-top-right aw-float-right"><span class="aw-color-999">已完成</span></div>
			</div>
			<div class="aw-order-li-body">
				<div class="aw-order-li-body-img"></div>
				<div class="aw-order-li-body-des">
					<p>时段：2018-01-01 18:00-20:00(周一)</p>
					<p>场地：武汉-汉口江滩 6v6</p>
				</div>
				<a href="javascript:;" class="aw-assest-btn aw-btn-bgcolor-lvse aw-order-li-body-des"><i class="aw-icon aw-icon-user-index aw-icon-user-tel"></i>联系我们</a>
			</div>
			<ul class="aw-assest-list aw-assest-vs-match">
				<li class="aw-bg-fff aw-list-li">
					<div class="aw-li-desc aw-vs-desc">
						<div class="aw-vs-desc-zhandui aw-pr20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<div class="aw-vs-desc-zhandui aw-pl20">
							<p>
								<span class="aw-desc-zhandui-img" style="background: url(&quot;/wap/img/个人 (13).png&quot;) center center no-repeat;"></span>
								<span class="aw-desc-zhandui-name">ES老干爹战队</span>
								<span class="aw-desc-zhandui-color">客队(蓝色)</span>
							</p>
						</div>
						<p class="aw-color-FF5450 aw-vs-desc-vs">VS</p>
					</div>
				</li>
			</ul>
			<div class="aw-order-li-foot">
				<div class="aw-order-li-foot-left">预定时间：2018-01-14 15:32</div>
				<div class="aw-order-li-foot-right"><a href="/wap/order/info-complete" class="aw-assest-btn aw-btn-radius aw-btn-bordercolor-lvse">查看比赛信息</a></div>
			</div>
		</li>
	</ul>
	<vue-loding :info_page="info_page"></vue-loding>
</div>

@section('pagejs')
@parent

<script type="text/javascript" src="/wap/js/vue-loding.js"></script>
<script type="text/javascript">
var MJS_URLArry=URLArry;
var Get_form={
	page:1,type:0,page_num:10,
}
$.extend(Get_form,MJS_URLArry);
var Vue_Data={
	list_order:{},//获取订单列表
	info_page:{count:0,page:1,page_num:Get_form.page_num},
	form:Get_form,//请求参数
};
//获取订单列表
var AD_list_page={
	api:'/api/order/order-list',
	form_data:Get_form,
	tips:false,
}
function Get_Refresh_Page_List(push){
	getData(AD_list_page,function(ajax_data){
		if(push==1){
			vm.list_match.push(ajax_data.list)
			var info_page={count:ajax_data.count,page:ajax_data.page};
			$.extend(vm.info_page,info_page);
			return;
		}
		Vue_Data.list_page=ajax_data.list;
		var info_page={count:ajax_data.count,page:ajax_data.page};
		$.extend(Vue_Data.info_page,info_page);
		is_watch='';
	})
}
Get_Refresh_Page_List()
vm=new Vue({
	el:'#Vue-body',
	data:Vue_Data,
	components:{
		'vue-loding':V_Assest_loding,
	},methods:{
		Get_List_Data:function(push){
			//更新数据
			$.extend(AD_list_page.form_data,this.form);
			Get_Refresh_Page_List(push)
		}
	}
})
</script>
@endsection

@endsection

